/**
 * 文本颜色
 */
$('#text-picker').colorpicker({
        size : 20,
        label : '颜色：  ',
        hide : true
});
// 改变颜色
$('#text-picker')
                .change(
                                function() {
                                        var color = "#" + this.value;

                                        // 以下代码测试无效果
                                        if (currentClickTextId != -1) {
                                                $("#textarea-" + currentClickTextId)
                                                                .css("color", color);
                                                return;

                                                var textSelected = "";// 选中的文本
                                                // 首先获取到相应的DIV
                                                var textarea = document.getElementById("textarea-"
                                                                + currentClickTextId);
                                                // IE
                                                if (navigator.appName.indexOf("Microsoft") != -1) {
                                                        var tr = textarea.document.selection.createRange();
                                                        textSelected = tr.text;
                                                        tr.execCommand("ForeColor", false, color);
                                                }
                                                // ff chrome
                                                else {
                                                        var textStart = textarea.selectionStart;
                                                        var textEnd = textarea.selectionEnd;
                                                        // textSelected="<span
                                                        // color='"+color+"'>"+textarea.value.substring(textStart,textEnd)+"</span>";
                                                        textSelected = textarea.value.substring(textStart,
                                                                        textEnd);
                                                        // 关键是这一步
                                                        var length = textarea.value.length;
                                                        var beforSelectText = textarea.value.substring(0,
                                                                        textStart);
                                                        var afterSelectText = textarea.value.substring(
                                                                        textEnd, length);
                                                        var font = document.createElement("font");
                                                        font.color = "" + color;
                                                        font.innerText = textSelected;
                                                        textarea.innerText = "";
                                                        textarea.appendChild(font);
                                                        textarea.html = beforSelectText + textarea.html
                                                                        + afterSelectText;
                                                        // textarea.innerHTML=beforSelectText+textarea.innerHTML+afterSelectText;
                                                }
                                                // alert(textSelected);

                                        }
                                });

$("#left-in").click(function() {
        $("#left").hide();
        $("#left").after("<div class='visi-left'></div>");
        $(this).hide();
        $("#left-out").show();
        // $("#center").css("margin","0 181px 0 10px");
});
$("#left-out").click(function() {
        $("#left").show();
        $(".visi-left").remove();
        $(this).hide();
        $("#left-in").show();
        // $("#center").css("margin","0 181px 0");
});

// 增加PPT
$(".btn-add").click(function() {
        ppt.addNew();
});

// 删除PPT
$(".btn-delete").click(function() {
        ppt.deleteppt();
});


/**
 * 重新绑定事件
 */
function rebindListener() {
        var divs = $(".c-content div");

        for ( var i = 0; i < divs.length; i += 2) {
                var objid = divs[i].id;
                // 文本
                if (objid.indexOf("text") != -1) {
                        var id = objid.split("-")[1];
                        textListener(id);
                }
                // 图像
                else if (objid.indexOf("image") != -1) {
                        var id = objid.split("-")[1];
                        imageListener(parseInt(id));
                }
                // 音频
                else if (objid.indexOf("radio") != -1) {
                        var id = objid.split("-")[1];
                        radioListener(parseInt(id));
                }
                // 视频
                else if (objid.indexOf("video") != -1) {
                        var id = objid.split("-")[1];
                        videoListener(parseInt(id));
                }
        }
        
        hideall();
}
/**
 * 得到鼠标划中的文字
 * 
 * @returns {String}
 */
function getChooseWords() {
        var text = "";
        if (window.getSelection) { // all browsers, except IE before version 9
                var range = window.getSelection();
                text = range.toString();
        } else {
                if (document.selection.createRange) { // Internet Explorer
                        var range = document.selection.createRange();
                        text = range.text;
                }
        }
        return text;
}

/**
 * 删除当前框
 */
function divDelete(obj) {
        var p = $(obj).parent("div").parent("div");
        p.remove();

        // 删除div 隐藏相应的属性框
        var pid = $(p).attr("id");
        if (pid.indexOf("text") != -1) {
                currentClickTextId=-1;
                $(".operate-layout").hide();
        }else if (pid.indexOf("image") != -1) {
                currentClickImageId=-1;
                $(".picture-layout").hide();
        } else if (pid.indexOf("radio") != -1) {
                currentClickRadioId=-1;
                $(".radio-layout").hide();
        } else if (pid.indexOf("video") != -1) {
                currentClickVideoId=-1;
                $(".video-layout").hide();
        }
        
        //更新
        ppt.reSave();
}

/**
 * 矫正数据，数据应该都在约束容器里<br>
 * 返回矫正后的数据(相对于屏幕左上角)
 * 
 * @param restrain
 *            约束的容器
 * @param parentid
 *            contentid的父容器
 * @param contentid
 */
function adjustPosition(restrain, parentid, contentid) {
        // 整张PPT的范围
        var obj = $(restrain).offset();
        var left = obj.left;// 左上角
        var top = obj.top;
        var endLeft = left + $(restrain).width();// 右下角
        var endTop = top + $(restrain).height();
        
        //全局变量
        pptLeft = parseInt(left);
        pptTop = parseInt(top);

        var x,y;
        try{
            x = parseInt($(parentid).css("left").split("p")[0]);// 左上角
            y = parseInt($(parentid).css("top").split("p")[0]);
        }catch (e) {
        	alert("请先选中一个元素");
		}
        
        // 当前元素的位置

        var content_width = $(contentid).width();
        var content_heigth = $(contentid).height();
        
        // 拉过长 或者 过宽
        if (content_width > $(restrain).width()) {
                content_width = $(restrain).width()-5;
                $(contentid).width(content_width);
        }
        if (content_heigth > $(restrain).height()) {
                content_heigth = $(restrain).height()-5;
                $(contentid).height(content_heigth);
        }

        var xx = x + content_width;// 右下角
        var yy = y + content_heigth;

        // 最终位置
        // 超出左上角
        if (x < pptLeft) {
                x = pptLeft;
        }
        if (y < pptTop) {
                y = pptTop;
        }
        // 超出右下角
        //这所以用contentid是排除X的影响
        if (xx > endLeft) {
                x = endLeft - $(contentid).width();
        }

        //
        if (yy > endTop) {
                y = endTop - $(parentid).height();
        }

        return {
                left : x, // 矫正后子容器的左上角坐标  和  窗口的宽和长
                top : y,
                w:$(contentid).width(),//宽
                h:$(contentid).height(),//长
                pleft : pptLeft,// 约束 父容器 就是整张PPT的最大范围的左上角 和 右下角
                ptop : pptTop,
                pendleft:endLeft,
                pendtop:endTop
        };

}